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<HTML> 
<HEAD> 

<TITLE>IBM CueVideo Synchronized MultiMedia Browser</nTLE> 
<meta name="SOURCE" value="roM CueVideo"> 

<meta name- TITLE" value="IBM CueVideo Synchronized Media Browser"> 

<meta name="COPYRIGHT" value="Copyright (c) 2000 by IBM Corporation. All Rights 

Reserved."> 

</HEAD> 

<SCRIPT LANGUAGE="JavaScript"> 
PLAYER_SYNCHTIME = 10; 
NumOfHits= 2; 
CurntHit= 1; 

FVStartTimes = new Array(2); 

BaseNames = new Array(2); 

TitleNames = new Array(2); 

MatchsNames = new Afray(2); 
£3 ViewSuflfix = new Array(5); 

v| myTimer = null; 

If CurntPos=0; 
if, CurntRate=1.0; 
gj CurntSource=nuU; 
J CurntOrigLength=0; 
[f\ CumtMode=l; 
B can_play = false; 

O RealRoot=Trttp://cvideo.almadenab^ 
W HttpRoot=^lttp://cvideo.almadenabmxo^l/cuelea^n/ , ; 
W bn = * '; 

W function InitVars() { 

** ViewSuffix[0]=""; 

ViewSuffix[l]= ,,n ; 

ViewSuffix[2]= M -msb"; 

ViewSuffix[3]= ,, -msb_0.666"; 

ViewSuffix[4]="-msb_l .25"; 

BaseNames[0]- coffee'; 

TitleNames[0]='<U>coffee</U> [00:07:37] '; 
MatchsNames[0]='Matched words: 

<UxB>warm</BxAJ>    Score:<U>l 00.00</U> '; 
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FVStartTimes[0] = 457000.0; 
BaseNames[ 1 ]= , cofFee < ; 

TitleNames[l]= , <U>cofree</U> [00:05:43] '; 
MatchsNames[l] =, Matched words: 

<U>wann<VU> ^ '; 

FVStartTimesfl] = 343000.0; 

} 

fraction CheckPluginO { 

var mimetype = 'audio/x-pn-realaudio-plugin'; 

if (navigator.appName — 'Netscape') { 

if (navigator.mimeTypes[mimetype] != null) { 

if (navigator.mimeTypes[mimetype].enabledPlugin != null) { 

carLplay = true; 

} 
} 
} 

else 

{ 

if (document.embeds) can_play=true; 

} 
} 

function PositionControlsO { 

CheckPluginO; 

if (!can_play) 

{ 

alert(To use this web site please install the free RealPlayer 7 Basic plug-in.'); 
window.location = Vthe^lugin_version_update_page.html'; 

} 

else 

{ 

InitVarsO; 

PositionTitleO; 

PositionViewsO; 

var foo=document.Video.GetVersionInfoO; 
var foobar=parseFloat(foo); 
if(foobar<6){ 

alert(To use this web site please upgrade your plug-in to the free RealPlayer 7.'); 

window.location = Vthe_piuguL_version_update_page.html'; 

} 
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VideoName = 

RealRoot+BaseNames[CumtHit- 1 ]+ , _course/video/ l +BaseNames[CurntHit- 1 ]+ViewSuffix[Curn 
tMode]+'.smir; 

PlayFullVideo(yideoName,FVStartTimes[CumtHit-l]*CurntRate); 

} 

} 

function RepositionControIsO { 
PositionTitleO; 
PositionViewsO; 
VideoName = 

RealRoot+BaseNamesfCurntHit- 1 ]+'_course/video/ l +BaseNames[CurntHit- 1 ]+ViewSuffix[Curn 
tModeJ+'-smil'; 

PlayFullVideo(VideoName, FVStartTimes[CurntHit-l]*CurntRate); 

} 

function PositionTitleO { 
Title = "; 

Title += 'Query: <U>warm</U>    '; 
Title += ' Result , +CurntHit.toStringO+ , /'+NumOfHits.toStringO+ , : '; 
Title += TitleNames[CurntHit-l]+'<BR>'; 
Title += MatchsNames[CumtHit-l]; 
var output= 

•<table width="640" border="0" cellspacing="5" cellpadding="2"> , + 
'<tr>'+ 

•<tdximg src=7images/cvideo_banner.gif ' alt="IBM Cue Video" border="0"x/td>'+ 
'</tr>'+ 

'<tr bgcolor="#21249C"> •+ 

•<td> <font color="#FFFFFF" face="Helvetica, HELV, 

sans-serif >'+Title+ , </fontX/td>'+ 

'</tr>'+ 

•</table>'; 

if (documentall) 

document.all( , TitleArea').innerHTML = output; 

else if (documentlayers) { 

document.layers['TitleArea , ].top=5; 

document.layers['TitleArea'] .left=5 ; 

document.layers[TitleArea'].width=800; 

document.layers[TitleArea'].height=200; 

documentlayers['TitleArea'].document.openO; 

document.layers[TitleArea'].document.writeln(output); 

document.layers[TitleArea'].document.closeO; 

} 

} 
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function Position ViewsO { 
bn=BaseNames[CurntHit- 1 ]; 
MSBName = RealRoot+bn+'_course/video/ , +bn+ , -msb.smil'; 
FMSBName = RealRoot+bn+Lcourse/video/ , +bn+ , -msb_0.666.smil , ; 
SMSBName = RealRoot+bn+'_course/video/'+bn+ , -msb_l .25.snuT; 
ANMName = RealRoot+bn+ , _course/video/ , +bn+ , fixed.smil l ; 
SB2DName = HttpRoot+bn+'_course/images/'+bn+ , -sbOOO 1 .html'; 
VideoName=RealRoot+bn+ , _course/video/'+bn+'.smir; 

var output= '<BRxFORM METHOD=POST>'+ 

"<TABLE NOBORDER CELLSPACING=5 CELLPADDING=5 WIDTH="640" >'+ 

'<TRxTD ALIGN=center >'+ 

'<INPUT TYPE="button" Value="Storyboard (SB)" 

onClick="location.href=\"+SB2DName+V"> , + 

'<INPUT TYPE= ,, button" Value=" Moving SB " 

onClick=" JumpToVideo(\"+MSBName+V,2, 1 .0)">'+ 

•<INPUTTYPE="button"Value=" Fast SB " 

onClick="JumpToVideo(\"+FMSBName+V,3,0.666) ,, > , + 

'<INPUT TYPE="button" Value=" Slow SB " 

onClick=" JumpToVideo(\ ,, +SMSBNamef V ,4, 1 .25)">'+ 

'<INPUT TYPE- 'button" Value-' FullVideo " 

onClick="JumpToVideo(\ , '+VideoName+V,l,1.0) M >'; 

output=output+ , </TDX/TR> , ; 

if(NumOfHits>l) 
{ 

output = output + 

' <TRxTD ALIGN=center>'+ 

' <FONTCOLOR=WHITE>'+ 

(^tHit.toStringO+ , of'+NumOfHits.toStringO+' '+ 

•<INPUT TYPE="BUTTON" VALUE="Prev Result" onClick="ViewPrevO";>'+ 

'<INPUT TYPE="BUTTON" VALUE-'Next Result" onClick="ViewNextO ,, ;X^ , Dx/^R> , ; 

} 

else 

{ 

output = output + 

' <TRxTD ALIGN=right>'+ 

' <FONT COLOR=BLACK> '+'A </font>'+ 

•</TDX/TR>'; 

} 
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# 

output=output+ , </table> t ; 
if (documentall) 
document.all( r ViewsTable').iiinerHTML = output; 
else if (documentlayers) { 
document.layers[ , ViewsTable , ].top=350; 
document.layers[ ViewsTable^.lef^l 0; 
document.layers[ , ViewsTable , ].width=600; 
document. layers[ f ViewsTable t ] .height=200; 
document.layers[ ViewsTable'] .zlndex^O; 
documentJaye^s[ , ViewsTable , ] .document.openO; 
document layers^iewsTable'] .document, writeln(output); 
document.layersf'ViewsTable'j.dociunent.cIoseO; 
} 
} 

function PlayFullVideo(s,i) { 
if (s!=CurntSource) { 
if (CurntSource!=null) 

document. Video.DoStopO; 
document. Video. SetSource(s); 
CurntSource=s; 
} 

else if (CumtOrigLength>0) { 

ThisLength==doc\unent.Video.GetLengthO; 
i =i * ThisLength/ CurntOrigLength; 

} 

CurntPos = i; 

if (document Video.GetPlayStateO N 3) { 
document. Video.SetVolume( 1 00); 
document. Video.DoPlayO; 
if (CurntPos > 1000) 

myTimer=setTimeout(WaitForFirstPlayO',PLAYER_SYNCHTIME);} 
else { 

if (CurntPos>0) { 

document. Video.DoPauseO; 
document. Video. SetPosition(CurntPos); 
document. Video. Set Volume(l 00); 
document. Video.DoPlayO; 

} 
} 
} 
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function WaitForFirstPlay 0 { 
clearTimeout(myTimer); 
if (document. Video.GetPlayStateO != 3) 
myTimei=setTimeout(WaitForFirstPlayO\PLAYER_SYNCHTIME); 
else 

{ 

document. Video.DoPauseO; 
if(CurntMode==l) 

CuratOrigLength=document.Video.GetLengthO; 
document. Video.SetPosition(CurntPos); 
document. Video.DoPlayO; 
} 
} 

function WaitForPlay 0 { 
clearTimeout(myTimer); 

if (document. Video.GetPlayStateO != 3) 

myTimer=setTimeout( r WaitForPlayO , ,PLAYER_SYNCHTIME); 

else 

{ 

document. Video.DoPauseO; 

theoffset = CurntPos*CurntRate; 

document. Video.SetPosition(theoffset); 

document. Video.DoPlayO; 

} 

} 

function JumpToVideo(newvideo,newMode,newRate) { 

CurntPos = docximent.Video.GetPositionO/CurntRate; 

document. Video.DoStopO; 

document. Video. SetSource(newvideo); 

CurntMode=newMode; 

CurntRate=newRate; 

document. Video.DoPlayO; 
if (CurntPos > 1000) 

myTimel^setTimeout(mitFo^PlayO^PLAYER_SYNCHTIME); 
} 
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function ViewNextO { 
if (CumtHit<NumO£Hits) 
CumtHit=CurntHit+l ; 
else 

CurntHit=l; 
//update StartSB time 
RepositionControlsO; 
} 

function ViewPrevO { 
if(CurntHit>l) 
CurntHit=CurntHit-l; 
else 

CurntHit=NumOfHits; 
//update StartSB time 
RepositionControlsO; 
} 



</SCRIPT> 

<BODY TEXT="#000000" LINK= ,, #3333FF" VLINK="#3366FF" ALINK="#FFFF00"> 
<BODY bgcolor="#000000" > 
<BODY onLoad=PositionControlsO > 
<BR> 

<SPAN n>"TitleArea" 

STYLE="top:5;left:5;height:200;width:800;position:absolute"X/SPAN> 
<SPAN ID^'ViewsTable" 

STYLE="top:370;left:5;width:600;height:200;position:absolute"X/SPAN> 
<BRxBRxBRxBRxBRxBR> 

<table border=0 cellpadding= ,, 0" cellspacing= ,, 0 M bgcolor="#000000" width="640" > 
<tr> 

<td align=center> 

<EMBED NANffi=Video SRC-'http://cvideo.almad^ 
WIDTH=600 HEIGHT=200 

CONTROLS=ImageWindow CENTER=true CONSOLE=_rnasterxBR> 

</td> 

</tr> 

<tr> 

<td align=center> 

<EMBED SRC= ,, http://cvideo.almaden.ibm.(»m:8080/ramgen/cuelearn/?embed ,, WIDTH=40 
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HEIGHT=20 CONTROLS=PlayButton CONSOLE=_master> 

<EMBED SRC="httpy/cvideo.almaden .ibm.com:8080/ramgen/cuelearn/?embed" WIDTH=300 
HEIGHT=20 CONTROLS=PositionSlider CONSOLE=_master> 

<EMBED SRC="http://cvideo.almaden .ibm.com:8080/ramgen/cuelearn/?embed" WIDTH=100 

HEIGHT=20 CONTROLS=PositionField CONSOLE=_masterxBR> 

<Jtd> 

</tr> 

</table> 

</BODY> 

</HTML> 
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